<template>
    <div class="power">
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="设备协议" name="first">
          <Pagreement></Pagreement>
        </el-tab-pane>
        <el-tab-pane label="主机报警" name="second">
            <Hostalarm></Hostalarm>
        </el-tab-pane>
        <el-tab-pane label="设备标签" name="third">
            <Plabel></Plabel>
        </el-tab-pane>
        <el-tab-pane label="设备分析" name="fourth">
            <Panalyze></Panalyze>
        </el-tab-pane>
        <el-tab-pane label="监测预览" name="fifth">
          <Monitor></Monitor>
        </el-tab-pane>
        <el-tab-pane label="寄存器配置" name="sixth">
          <Register></Register>
        </el-tab-pane>
      </el-tabs>
    </div>
  </template>
  <script>
  import Pagreement from "./power/pagreement.vue"
  import Hostalarm from "./power/hostalarm1.vue"
  import Plabel from "./power/plabel.vue"
  import Panalyze from "./power/panalyze.vue"
  import Monitor from "./power/monitor.vue"
  import Register from "./power/register.vue"
  export default {
    name: "Power",
    data() {
      return {
        activeName: "first",
  
      };
    },
    components:{Pagreement,Hostalarm,Plabel,Panalyze,Monitor,Register},
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      },
     
    },
  };
  </script>
  
  <style lang="scss" scoped>
  .alarmway {
    width: 100%;
    height: 100%;
  
    .el-tabs {
      width: 100%;
      height: 100%;
  
    }
  }
  </style>
    